<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>婚纱礼服</title>
    <link rel="stylesheet" href="css/resrt.css">
    <link rel="stylesheet" href="css/weeding dress.css">
    <link rel="stylesheet" href="./css//weeding-m.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/common-m.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.compat.css" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
    <script src="https://unpkg.com/swiper/swiper-bundle.js">
    </script>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.2.1.min.js"></script>

</head>
<!-- 头部 -->

<body>
    <div class="head-t">
        <div class="header">
            <div class="header-c">
                <nav class="header-nav">
                    <a href="#" class="logo">
                        <img src="http://bufantec.com/site/hunsha/static/img/logo-1.png" alt="">
                        <img class="logo-num" src="http://bufantec.com/site/hunsha/static/img/logo-2.png" alt="">
                    </a>
                    <ul class="nav-list">
                        <li class="nav-item ">
                            <a href="./index.html">首页</a>
                        </li>
                        <li class="nav-item active">
                            <a href="./Weeding Dress.html">婚纱礼服</a>
                        </li>
                        <li class="nav-item">
                            <a href="./Jewelry Show.html">珠宝配饰</a>
                        </li>
                        <li class="nav-item">
                            <a href="./new active.html">最新活动</a>
                        </li>
                        <li class="nav-item">
                            <a href="./about.html">关于我们</a>
                        </li>
                    </ul>
                    <div class="box">
                        <div class="line">
                        </div>
                        <div class="line">
                        </div>
                        <div class="line">
                        </div>
                    </div>
                </nav>
            </div>

        </div>
    </div>

    <div class="container  " id="header">
        <div class="main">
            <div class="main-c">
                <div class="main-l">
                    <div class="weeding-top"> <img src="img/婚纱礼服/da1.png" alt=""></div>
                    <div class="weeding-bt"> <img src="img/婚纱礼服/da2.png" alt=""></div>
                    <p class="introduce">这薄纱在皇家纱婚纱由著名思想MartinaLiana的首席创意官Martine Harris，有一个身影奉承捻胸衣和传统教堂的 火车。大胆的钻石水晶点缀的领口，上背部和腰部。背部拉链。选择从石头和象牙薄纱在香槟皇家纱，象牙薄纱在皇 家象牙白色纱纱，或皇家白色的薄纱。
                    </p>
                    <p class="size">尺码：S/ M <br> 颜色：白色</p>


                </div>
                <div class="main-r">
                    <p class="line"></p>
                    <p class="style">一字肩拖尾主纱</p>
                    <p class="her">HER STYLE</p>
                    <p class="price">$5389.00</p>
                    <p class="size-r">白色 / M / VK2531</p>
                    <p class="intr">浅色象牙白缎面婚纱，手工镶嵌金色和银色Chantilly蕾丝背面 饰有镂空的华丽.</p>
                    <div class="more">立即预约</div>
                </div>

            </div>
            <div class="show">
                <div class="show-c">
                    <ul class="butt">
                        <li class="butt1"> <a href=""> 新品/NEW</a></li>
                        <li class="butt2"> <a href=""> 往季</a></li>
                    </ul>
                    <div class="model ">
                        <div class="arr-l showprev">
                            <a href="javascript:;"> <img src="img/婚纱礼服/arr-l.png" alt=""></a>
                        </div>
                        <div class="arr-r shownext">
                            <a href="javascript:;"> <img src="img/婚纱礼服/arr-r.png" alt=""></a>
                        </div>
                        <div class="show-container  ">

                            <ul class="model-nav swiper-wrapper ">
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小1.png" alt=""></li>
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小2.png" alt=""></li>
                                <li class="model-item  swiper-slide "><img src="img/婚纱礼服/小3.png" alt=""></li>
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小4.png" alt=""></li>
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小5.png" alt=""></li>
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小6.png" alt=""></li>
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小1.png" alt=""></li>
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小2.png" alt=""></li>
                                <li class="model-item swiper-slide "><img src="img/婚纱礼服/小3.png" alt=""></li>
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小4.png" alt=""></li>
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小5.png" alt=""></li>
                                <li class="model-item swiper-slide"><img src="img/婚纱礼服/小6.png" alt=""></li>



                            </ul>
                        </div>
                    </div>
                    <div class="more">MORE</div>
                </div>
            </div>

        </div>
        <div class="footer">
            <div class="footer-c">
                <div class="record">
                    <p>网站备案号：豫ICP备110121210号</p>
                    <p>增值电信业务经营许可证号：豫B2-20100033</p>
                </div>
                <div class="join">
                    <div class="join-item copyright">
                        © 2018 VERONICA
                    </div>
                    <a href="./static/pages/about/index.html" class="join-item chat">
    联系我们
  </a>
                    <a href="./static/pages/about/index.html" class="join-item join-us">
    加入我们
  </a>
                </div>
                <div class="toup">
                    <a class="toup-icon" href="#header"></a>
                    <a class="phone-icon" href="tel:17777777777"></a>
                </div>
            </div>
        </div>
    </div>



</body>
<script src="/js/index.js"></script>
<script>
    var prev = document.querySelector('.showprev')
    var next = document.querySelector('.shownext')
    var showSwiper = new Swiper('.show-container', {

        slidesPerView: 6,
        spaceBetween: 10,

        // direction: getDirection(),
        loop: true,
        // autoplay: true

    });
    prev.onclick = function() {
        showSwiper.slidePrev();
    }
    next.onclick = function() {
        showSwiper.slideNext();

    }
</script>

</html>